@import "./config";
@import './animate';
/*弹性盒子*/
.box{display: flex;position:relative;}
.box-f1{flex: 1;}
.box-ac{align-items: center}
.box-jc{justify-content: center}
.box-ver{flex-direction: column}

.w-p100{width:100%;}
.h-p100{height:100%}
.hide{display: none !important;}
/*浮动+清除浮动*/
.fr{float: right} .fl{float: left}
.clear:after{content:'';display:block;clear: both}
/*文字超出显示省略号*/
.ell{overflow: hidden;white-space: nowrap; text-overflow: ellipsis}
.ell-2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.tx-c{text-align: center;}
.tx-r{text-align: right;}
.tx-l{text-align: left;}
.of-x-s{overflow-x: scroll;-webkit-overflow-scrolling: touch;}
.of-y-s{overflow-y: scroll;-webkit-overflow-scrolling: touch;}
.of-y-h{overflow-y:hidden;}
.bor-none{border:none !important;}
.tc-main{color:$themeColor;}
.tc-main2{color:$themeColor2;}
page{
  height:100%;
}

